<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="css/scojs.css" rel="stylesheet">
<link href="css/colpick.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link type="text/css" rel="stylesheet" href="css/common.css">
<link type="text/css" rel="stylesheet" href="css/video.css">
<!--<link rel="stylesheet" href="../dist/css/danmuplayer.css">-->
</head>
<body>
   <!--登入 注册-->
   <!-- <nav class="main_nav"> 
    <ul> 
        <li><a class="cd-signin" href="#0">登录</a></li> 
        <li><a class="cd-signup" href="#0">注册</a></li> 
    </ul> 
   </nav>  -->
   <div class="cd-user-modal"> 
    <div class="cd-user-modal-container">
      <ul class="cd-switcher">
        <li><a href="#" >用户登录</a></li>
        <li><a href="#" >注册新用户</a></li>
      </ul>

      <div id="cd-login"> <!-- 登录表单 -->
        <form class="cd-form">
          <p class="fieldset">
            <label class="image-replace cd-username" for="signin-username">用户名</label>
            <input class="full-width has-padding has-border" id="signin-username" type="text" placeholder="输入用户名">
          </p>

          <p class="fieldset">
            <label class="image-replace cd-password" for="signin-password">密码</label>
            <input class="full-width has-padding has-border" id="signin-password" type="text"  placeholder="输入密码">
          </p>
          <p class="fieldset">
            <input class="full-width2" type="submit" value="登 录">
          </p>
        </form>
      </div>

      <div id="cd-signup"> <!-- 注册表单 -->
        <form class="cd-form">
          <p class="fieldset">
            <label class="image-replace cd-username" for="signup-username">用户名</label>
            <input class="full-width has-padding has-border" id="signup-username" type="text" placeholder="输入用户名">
          </p>

          <p class="fieldset">
            <label class="image-replace cd-email" for="signup-email">邮箱</label>
            <input class="full-width has-padding has-border" id="signup-email" type="email" placeholder="输入mail">
          </p>

          <p class="fieldset">
            <label class="image-replace cd-password" for="signup-password">密码</label>
            <input class="full-width has-padding has-border" id="signup-password" type="text"  placeholder="输入密码">
          </p>


          <p class="fieldset">
            <input type="checkbox" id="accept-terms">
            <label for="accept-terms">我已阅读并同意 <a href="#">用户协议</a></label>
          </p>

          <p class="fieldset">
            <input class="full-width2" type="submit" id="register-button" value="注册新用户">
          </p>
        </form>
      </div>

      <a href="#" class="cd-close-form">关闭</a>
    </div>
  </div> 

    
  <!--Top Begin-->
  <div class="video-head">
    <ul class="video-head-person">
      <li class="video-head-phone"><i class="icon "><img
          src="images/weixin-icon_01.png"></i>
        <!-- <div class="phone-ewm-out">
          <div class="phone-ewm-in">
            <img src="images/code_031.jpg">
          </div>
        </div> --></li>
      <li class="video-head-phone"><a target="_blank"
        style="display: block; width: 100%; height: 100%" title="手机app下载"
        href=""><img src="images/phone.png"></a></li>

      <li class="video-head-photo"><a href="" title="" ><img
          src="images/try/photo_img01.png" title="" id="logoImg"></a>
      </li>

      <li class="video-head-record"><a class="toggle"
        href="javascript:void(0)"> 播放记录 <span class="caret"></span>
      </a></li>
      <!-- <div class="vrecord-out">
        <div
          class="vrecord-in "
          style="overflow: visible;">
          <div id="mCSB_1"
            class="mCustomScrollBox">
            <div id="mCSB_1_container" class="mCSB_container"
              style="position: relative; top: 0px; left: 0px;" dir="ltr">
              <ul>
                <li class="vrecord-item"><a title="P系列系统管理概述"
                  href="/view-video-id-1233.html">
                    <h4 class="name overf">P系列系统管理概述</h4>
                </a></li>
                <li class="vrecord-item"><a title="大并发服务器架构介绍"
                  href="/view-video-id-2358.html">
                    <h4 class="name overf">大并发服务器架构介绍</h4>
                </a></li>
              </ul>
            </div>
          </div>
         
        </div>
      </div> -->
      
    </ul>

    <ul class="video-head-nav">
      <li class="nv-goback"><a href=""><img src="images/back.png"></a></li>
      <li class="nv-menu overf"> </li>
      <li class="nv-follow overf"> </li>
    </ul>
  </div>


  <!--Top end-->

  <div class="video js-video" onmouseover="video_over()" onmouseout="video_out()" id="video">
    <!--Left Begin-->
    <div class="video-l" id="video-l">
      <ul class="video-nav" id="video-nav" style="display:none">
                    <li class="js-video-nav" onclick="yinchangml()"><i class="icon"></i>
                          <p>目录</p></li>
                     <li onclick="" class="js-video-zx"><i class="icon icon-headset"></i>
                          <p>咨询</p></li>
       </ul>
      <div id="danmup" class="danmup" style="" ></div>
      <!--Left End-->
    </div>


      <!--Right Begin-->
      <div class="video-r" id="video-r">
        <!--目录 Begin-->
        <div
          class="vcourse-out " >
          <div id="mCSB_2"
            class="mCustomScrollBox ">
            <div id="mCSB_2_container" class="mCSB_container">
              <div class="vcourse-groups">
                
                <div class="vcourse-group">
                  <h2 class="vcourse-tit">第1章 体验课程</h2>
                  <!-- <div class="vcourse-bars-tit learning">
                    <a href="javascript:void(0)"> 
                      <h3 class="name overf">1-1 P系列系统管理概述</h3>
                      <div class="vcourse-bars-learning">学习中</div>
                    </a>
                  </div> -->
                  <!-- <div class="vcourse-bars-tit">
                    <a href="#" title="AIX系统安装与启停(1)">
                     
                      <h3 class="name overf">1-2 AIX系统安装与启停(1)</h3>
                    </a>
                  </div> -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
  </div>
     <p class="comment_title">对课程评分</p>
    <div id="start" class="block clearfix">
        <div  class="star_score"></div>
        <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p>
    </div>
  

  <!--目录 End-->

  <!--Right End-->


  <div style="display: none">
    <span class="glyphicon" aria-hidden="true">&#xe072</span> <span
      class="glyphicon" aria-hidden="true">&#xe073</span> <span
      class="glyphicon" aria-hidden="true">&#xe242</span> <span
      class="glyphicon" aria-hidden="true">&#xe115</span> <span
      class="glyphicon" aria-hidden="true">&#xe111</span> <span
      class="glyphicon" aria-hidden="true">&#xe096</span> <span
      class="glyphicon" aria-hidden="true">&#xe097</span>
  </div>


</body>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/jquery.shCircleLoader.js"></script>
<script src="js/sco.tooltip.js"></script>
<script src="js/colpick.js"></script>
<script src="js/jquery.danmu.js"></script>
<script src="js/main.js"></script>
<script  src="js/common.js"></script>
<script  src="js/video.js"></script>

<script>
  /*$("#danmup").DanmuPlayer({
    src : "video/2.mp4",
    height : "480px", //区域的高度
    width : "100%", //区域的宽度
    
   /* urlToGetDanmu : "query.php",
    urlToPostDanmu : "stone.php"
  });*/
  function video_over(){
   
      $("#video-nav").show(); 
    }
 
  function video_out(){
   $("#video-nav").hide(); 
  }
  function yinchangml(){
  
      if ( $("#video-r").hasClass("hide")) {
        $("#video-r").removeClass("hide");
        $("#video-l").css("width","70%");
        $("#video-nav").css("right","30%");

      }else{
        $("#video-r").addClass("hide");
        $("#video-l").css("width","100%");
        $("#video-nav").css("right","0");
        
      }
  }


  /*$("#danmup .danmu-div").danmu("addDanmu",[
    { "text":"这是滚动弹幕" ,color:"white",size:1,position:0,time:2}
    ,{ "text":"" ,color:"green",size:1,position:0,time:3}
    ,{ "text":"" ,color:"black",size:1,position:0,time:10}
    ,{ "text":"" ,color:"yellow" ,size:1,position:1,time:3}
    ,{ "text":"" , color:"red" ,size:1,position:2,time:9}
    ,{ "text":"" ,color:"orange",size:1,position:1,time:3}

  ])*/
</script>
</html>